<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>前端16表格常用属性</title>
</head>
<body>
     <!-- 表格 border来加边框,大于一时只能调节外框-->
     <table border="1" width="500" height="500" cellspacing="0">
      <!-- width和height只能调节表格主体,cellspacing来调节边框距离,
       调节的是总体表格最小的限度(至少),后面的表格头部,主体,脚注的和必须大于或等于这个最小的限度 -->
        <!-- 表格标题 -->
         <caption>学生信息</caption>
         <!-- 表格头部,tr为表格头部行,th为行里的单元格 -->
          <!-- width和cellspacing不能加在头部 ,align用来调节字体水平对齐yon(left,right,center)
           valign用来垂直方向对齐(用top上,middle中间,bottom底部)-->
         <thead height="" align="right" valign="">
            <tr>
                <!-- 这里也可以调整,但会影响所在的行和列 -->
                <th height="100" width="50" align="right" valign="top">姓名</th>
                <th>性别</th>
                <th>年龄</th>
            </tr>
          </thead>
          <!-- 表格主体,行用tr,行里单元格用<td></td> -->
          <tbody height="" align="right" valign="">
            <!-- 要是主体的height与表格主题和脚注的和小于最小限度,则高度调整无效 -->
            <!-- 也可以在这里调整 --><tr height="" align="right" valign="">
                
                <td>张三</td> <!--只能调整align和valign -->
                <td>男</td>
                <td>20</td>
            </tr>
            <tr height="" align="left" valign="">
                <td>李四</td>
                <td>女</td>
                <td>19</td>
            </tr>
          </tbody>
          <!-- 表格脚注,也是用tr和td -->
           <tfoot height="" align="right" valign="">
            <tr>
                <td></td>
                <td></td>
                <td>共一人</td>
                
                
                
            </tr>
           </tfoot>


     </table>
</body>
</html>